﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Mirrored from demo.templatesquare.com/html/quickhost/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 20 Sep 2012 04:57:31 GMT -->
<head>
    <link rel="shortcut icon" href="images/content/favicon.html" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="title" content="" />
    <meta name="description" content="" />
    <title>Quick Host</title>
    <link rel="shortcut icon" href="images/favicon.html" />
    <!-- ////////////////////////////////// -->
    <!-- //      Start Stylesheets       // -->
    <!-- ////////////////////////////////// -->
    <link href="styles/style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="styles/inner.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="styles/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" title="prettyPhoto main stylesheet" />

    <!-- ////////////////////////////////// -->
    <!-- //      Javascript Files        // -->
    <!-- ////////////////////////////////// -->
    <!--treemenu-->
    <script src="menutree/TreeMenu.js" type="text/javascript"></script>

    <!--end treemenu-->

    <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/supersubs.js"></script>
    <script type="text/javascript" src="js/fade.js"></script>

    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {

            //Menu
            jQuery("ul.sf-menu").supersubs({
                minWidth: 9,		// requires em unit.
                maxWidth: 25,		// requires em unit.
                extraWidth: 0			// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
                // due to slight rounding differences and font-family
            }).superfish();  // call supersubs first, then superfish, so that subs are
            // not display:none when measuring. Call before initialising
            // containing tabs for same reason.

            /* portfolio gallery */
            jQuery("a[rel^='prettyPhoto']").prettyPhoto({ animationSpeed: 'slow', theme: 'facebook', gallery_markup: '', slideshow: 2000 });
        });

    </script>

</head>
<body>

    <div id="wrapper">
        <div id="bg-gray">
            <div class="light"></div>
        </div>
        <div id="main-frame">

            <div id="top">
                <div id="logo">
                    <a href="index-2.html"><img src="images/logo.png" alt="" /></a>
                </div><!--#logo-->
                <div id="topsearch">
                    <form action="#" method="post">
                        <div><input type="text" class="inputbox" /><input type="submit" value="Search" class="button" /></div>
                    </form>
                </div><!-- end #topsearch -->
                <div class="clearfix"></div>
            </div><!--#top-->

            <div id="frame" class="inner">
                <div id="header" class="inner">
                    <div id="nav">
                        <div class="container">
                            <ul id="topnav" class="sf-menu">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">Giới thiệu</a></li>

                                <li><a href="portfolio.html" class="current">Sản Phẩm</a></li>
                                <li><a href="blog.html">Tin tức</a></li>

                                <li><a href="contacts.html">Liên hệ</a></li>
                            </ul><!-- #topnav -->
                        </div>
                    </div><!--#nav-->

                    <div class="clearfix"></div>

                </div><!--#header-->

                <div class="container">
                    <div class="eight columns content single alpha">
                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>
                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>
                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>
                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>
                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>

                        <div class="sp">
                            <a href="#"> <img src="images/01.jpg" /></a><p></p>
                            <h2><a href="#">Portfolio Name #9</a></h2>
                            <a href="singleport.html" class="more">Read More</a>
                        </div>

                        <div class="pagenavi">
                            <div class="pages-left">Page 1 of 3</div><div class="pages-right"><a href="#" class="page">1</a>&nbsp;|&nbsp;<span class="current">2</span>&nbsp;|&nbsp;<a href="#" class="page">3</a></div>
                            <div class="clearfix"></div>
                        </div><!-- end pagenavi -->

                    </div><!-- .twelve.columns -->






                    <div class="four columns sidebar omega">


                        <ul>

                            <li class="widget-container">
                                <h2 class="widget-title">Danh Mục Sản Phẩm</h2>

                                <ul id="example2">
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Web Development</a>
                                        <ul>
                                            <li><a href='http://www.webreference.com/'>Web Reference</a></li>
                                            <li><a href='http://www.webdeveloper.com/'>Web Developer</a></li>
                                            <li><a href='http://wdvl.com/'>WDVL</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Web Development</a>
                                        <ul>
                                            <li><a href='http://www.webreference.com/'>Web Reference</a></li>
                                            <li><a href='http://www.webdeveloper.com/'>Web Developer</a></li>
                                            <li><a href='http://wdvl.com/'>WDVL</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Hoa nở muộn</a>
                                        <ul>
                                            <li><a href='http://www.webreference.com/'>Web Reference</a></li>
                                            <li><a href='http://www.webdeveloper.com/'>Web Developer</a></li>
                                            <li><a href='http://wdvl.com/'>WDVL</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Web Development</a>
                                        <ul>
                                            <li><a href='http://www.webreference.com/'>Web Reference</a></li>
                                            <li><a href='http://www.webdeveloper.com/'>Web Developer</a></li>
                                            <li><a href='http://wdvl.com/'>WDVL</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Hoa nở muộn</a>
                                        <ul>
                                            <li><a href='http://www.webreference.com/'>Web Reference</a></li>
                                            <li><a href='http://www.webdeveloper.com/'>Web Developer</a></li>
                                            <li><a href='http://wdvl.com/'>WDVL</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Forums</a>
                                        <ul>
                                            <li><a href='http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=5'>XML</a></li>
                                            <li><a href='http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=2'>HTML</a></li>
                                            <li><a href='http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=3'>JavaScript</a></li>
                                            <li><a href='http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=4'>Perl</a></li>
                                            <li><a href='http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=16'>PHP</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Miscellaneous Web Sites</a>
                                        <ul>
                                            <li><a href='http://www.thecounter.com/'>The Counter</a></li>
                                            <li><a href='http://www.theguestbook.com/'>The Guestbook</a></li>
                                            <li><a href='http://www.thelist.com/'>The List of ISPs</a></li>
                                            <li><a href='http://jobs.internet.com/'>Internet Jobs</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <script type="text/javascript">make_tree_menu('example2', 1);</script>




                    </div>









                    <!-- <div class="four columns sidebar omega">



                            <ul>
                                 <li class="widget-container">
                                     <h2 class="widget-title">Sản phẩm cùng Chủ Đề</h2>
                                     <ul>
                                         <li><a href="#">Rồi một ngày trời không biết xanh, rồi một ngày hàng cây vắng tênh</a></li>
                                         <li><a href="#">Easy Domain Transfers</a></li>
                                         <li><a href="#">Advanced DNS Control</a></li>
                                         <li><a href="#">Personalized Email</a></li>
                                         <li><a href="#">Unlimited Bandwidth</a></li>
                                         <li><a href="#">Remote Server Control</a></li>
                                     </ul>
                                 </li>
                             </ul>


                         </div><!-- .four.columns -->
                    <div class="clearfix"></div>

                </div><!--container-->
            </div>
        </div>

        <div id="wrapper-footer">

            <div class="container">
                <div class="twelve columns footer">
                    <div id="copyright">
                        Copyright ©2011 Quick Hosting.  Design by <a href="http://www.templatesquare.com/">Templatesquare.com</a>
                    </div><!--#footer-->

                </div><!--.twelve.columns-->
            </div><!--container-->
            <div class="clearfix"></div>
        </div><!--#wrapper-footer-->

    </div><!-- end #wrapper -->

</body>

<!-- Mirrored from demo.templatesquare.com/html/quickhost/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 20 Sep 2012 04:57:34 GMT -->
</html>
